﻿<RadzenStack Orientation="Orientation.Vertical" class="rz-m-0 rz-m-md-12" Gap="0">
    <RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
        Apply to a single element:
    </RadzenText>
    <RadzenStack Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" Gap="1rem">
        <RadzenCard Variant="Variant.Flat" class="rz-border rz-border-color-warning" Style="--rz-border-width: 10px;"><strong>.rz-border</strong></RadzenCard>
    </RadzenStack>
    <RadzenText TextStyle="TextStyle.Body1" class="rz-mt-12 rz-mb-8">
        Apply to a group of elements:
    </RadzenText>
    <RadzenStack Style="--rz-border-width: 10px;" Orientation="Orientation.Horizontal" Wrap="FlexWrap.Wrap" Gap="1rem">
        <RadzenCard Variant="Variant.Flat" class="rz-border rz-border-color-info"><strong>.rz-border</strong></RadzenCard>
        <RadzenCard Variant="Variant.Flat" class="rz-border-left rz-border-color-info"><strong>.rz-border-left</strong></RadzenCard>
        <RadzenCard Variant="Variant.Flat" class="rz-border-right rz-border-color-info"><strong>.rz-border-right</strong></RadzenCard>
        <RadzenCard Variant="Variant.Flat" class="rz-border-start rz-border-color-info"><strong>.rz-border-start</strong></RadzenCard>
        <RadzenCard Variant="Variant.Flat" class="rz-border-end rz-border-color-info"><strong>.rz-border-end</strong></RadzenCard>
        <RadzenCard Variant="Variant.Flat" class="rz-border-top rz-border-color-info"><strong>.rz-border-top</strong></RadzenCard>
        <RadzenCard Variant="Variant.Flat" class="rz-border-bottom rz-border-color-info"><strong>.rz-border-bottom</strong></RadzenCard>
    </RadzenStack>
</RadzenStack>